.editorContainer {
  display: flex;
  height: 100%;
  min-height: 500px;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  overflow: hidden;
}

.editorWrapper, .previewWrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.editorWrapper {
  border-right: 1px solid #e1e4e8;
}

.header {
  padding: 8px 16px;
  background-color: #f6f8fa;
  border-bottom: 1px solid #e1e4e8;
}

.header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #24292e;
}

.editor {
  flex: 1;
  padding: 16px;
  border: none;
  resize: none;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 14px;
  line-height: 1.5;
  outline: none;
} 